@import '../../style/mixin.scss';

.orderDtail {
    padding-top: 96px;

    .orderDtail-main {
        background-color: #fff;
        margin-bottom   : 60px;
        padding         : 25px 25px 60px;
    }

    .orderDtail-back {
        margin-right : 32px;
        margin-bottom: 0;
        cursor       : pointer;
    }

    .orderDtail-title {
        width: 100%;
    }

    .orderDtail-date {
        @include font(.5rem, #808080);
    }

    .orderDtail-list {
        margin-top: 60px;

        h3 {
            @include font(16px, #000);
        }

        table {
            width: 100%;
        }

        tr {
            line-height: 50px;
            padding    : 0 10px;

            &:nth-child(2n + 1) {
                background-color: #EDF2F7;
            }
        }

        th {
            @include font(14px, #000);

            &:first-child {
                padding-left: 15px;
            }
        }

        td {
            @include font(14px, #808080);

            &:first-child {
                padding-left: 15px;
            }
        }

        span.red {
            color: #F63F3F;
        }
    }

    th.table-desc {
        text-align   : right;
        padding-right: 15px;
    }

    .orderDtail-tb {
        th {
            width        : 120px;
            padding-right: 20px;
            text-align   : right;
        }
    }

    .table-two {
        p {
            margin-bottom: 0;
        }
    }

    .step-list {
        margin-top: 60px;
    }

    span.ant-steps-icon {
        width      : 22px;
        height     : 22px;
        display    : block;
        margin-top : -5px;
        margin-left: -6px;
    }

    .ant-steps-item-content {
        margin-top    : -50px;
        padding-bottom: 40px;
    }

    .ant-steps-item-tail {
        &::after {
            height: 8px;
        }
    }

    .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
        background: #f0f0f0;
    }
}